/* 가독성을 위한 기본 폰트 설정 및 부드러운 전환을 위한 트랜지션 정의 */
    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
        opacity: 0;
    }
    
    .accordion-item.active .accordion-content {
        opacity: 1;
        /* max-height는 JS에서 실시간으로 계산하여 주입합니다. */
    }

    .accordion-item.active .icon-arrow {
        transform: rotate(180deg);
        color: #6366f1; /* indigo-500 */
    }

   .accordion-item.active {
        border-color: #6366f1 !important;
        background-color: #f8fafc; /* slate-50 */
        box-shadow: 0 4px 15px -3px rgba(99, 102, 241, 0.1);
    }